﻿
body 
{
    background-repeat:repeat-x;
    font-family:Helvetica,sans-serif,Verdana,Arial;
    font-size:12px;
    margin: 0;
    padding: 0;
    
}
body a
{
    text-decoration:none;
}

.headerContainer 
{
    float: left;
    width: 100%;
    background-color:#1C2550;
   
}

.header
{
    margin : 0 auto;
    width : 1000px;  
}

.header2
{
    float: left;
    width: 1000px;
}

.logo
{
    float:left;
    width:240px;
    height:50px;
    color:White;
    
}

.logo a
{
    display:block;
    width:240px;
    height:50px;  
    color:White; 
    font-family :KatyBerry;
    font-size:30px; 
}


.subheader
{
    width:875px;
    background-color:#016817;
    height:35px;
    margin: -10px auto 0 265px; 
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    font-size:15px;
}

.search
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #1C2550;
    height: 14px;
    margin-left: 20px;
    padding: 5px;
    width: 227px;
    float:left;
    margin-top:12px
}

.search_text
{
    border: medium none;
    color: #999999;
    width: 200px;
    margin-top:-1px;
    font-size:12px;
    height:23px;
    float:left;
}

.search_button
{
    background-color: #FFFFFF;
    background-image: url("/style/images/searchButton.png");
    background-position: 0px 100%;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: left;
    height: 25px;
    padding: 0;
    width: 22px; 
    margin-top:-1px;   
}


.nav-middle
{
    height: 14px;
    margin-left: 20px;
    padding: 5px;
    width: 330px;
    float:left;
    
}
.nav-middle span {
    padding: 6px;
    text-align: center;
    text-decoration: none;
    color:White;
    border:none; 
    padding-right:18px;
    cursor:pointer;
}

.search_img
{
    background-image: url("/style/images/navicons.png");
    background-position: 40px -18px;
    background-repeat: no-repeat;
}

.random_img
{
    background-image:url(/style/images/navicons.png);
    background-position:center -622px;
    background-color: #1C2550;
    border: 0px;
    height: 24px;
    width: 32px;
    cursor:pointer;
}

.nav {
    list-style-type: none;
    margin: 0 auto;
    padding: 6px 0;
    float:right;
    margin-top:12px;
}
.nav-item
{
    height:20px;
    margin:auto;
    float:left;
    margin-left:20px
     
}
a img  
{
    border:0px; }
.nav span {
  /*  padding: 6px;*/
    text-align: center;
    text-decoration: none;
    color:White;
    border:none; 
    cursor:pointer;
    padding: 6px 11px 6px 6px;
}
.nav span a {
    text-align: center;
    text-decoration: none;
    color:White;
    border:none; 
    cursor:pointer;
}
.hover:hover {
    background-color: #009EE3;
    -webkit-transition-duration: 0.7s;
	-webkit-transform: scale(1);
}
.nav .hover:active {
    background-color: #009EE3;
}
.hoverOrange {
    background-color: #F6A828;
    -webkit-transition-duration: 0.7s;
	-webkit-transform: scale(1);
}

.hoverOrange:hover {
    background-color: #E78F08;
    -webkit-transition-duration: 0.7s;
	-webkit-transform: scale(1);
}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}
.arrow
{
    background-image:url(images/arrow.png);
	background-position:right;
	background-repeat:no-repeat;
}
.menu_class {
	border:1px solid #009EE3;
	
}
.menu_active
{
    background-color: #009EE3;
    -webkit-transition-duration: 0.7s;
	-webkit-transform: scale(1);    
}
.the_menu {
	display:none;
	width:110px;
	border: 1px solid #009EE3;
	position:absolute;
	margin-top:6px;
	z-index:2;
}

.the_menu li {
	background-color: #009EE3;
}

.the_menu li a {
	color:#FFFFFF; 
	text-decoration:underline; 
	padding:10px; 
	display:block;
}

.the_menu li a:hover {
	padding:10px;
	font-weight:bold;
	color: #14194a;
}

.sub-nav {
    list-style-type: none;
    margin: 0 auto;
    padding: 8px 0;
    width: 800px;
}
.sub-nav li {
    display: inline;
}
.sub-nav a:link {
    padding: 6px;
    text-align: center;
    text-decoration: none;
    color:White;
}
.sub-nav a:visited {
    padding: 6px;
    padding-bottom:8px;
    text-align: center;
    text-decoration: none;
    color:White;
}
.sub-nav .hover:hover {
    background-color: #7A991A;
}
.sub-nav .hover:active {
    background-color: #7A991A;
}

.content
{
    background-color:#E7EEFB; 
    -webkit-border-radius: 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius: 5px;
    overflow:auto;
}
.personalInfo
{
    width:400px;
    margin-top:20px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    float:left;
    background-color:#E2FFD5;
}
.personalImage
{   
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    float:right;
    width:560px;
    margin-left:20px;
    margin-top:20px;  
    background-color:#E2FFD5;
}

.container
{  
    width:100%;
    height:100%;
    margin:0 auto;
    float:left;
    
}
.container th
{
    font-size:24px;
}

.container td td
{
    line-height:20px;
}

.container a
{
    text-decoration:none;
    color:inherit;
    font-size:11px
}
.container a:visited
{
    text-decoration:none;
    color:inherit;
}

.hitMain
{
    width:316px;
    padding:10px;
}

.hitMain
{	
	width:612px;
	height:228px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.7);
}
.hitMainBig
{	
	width:612px;
	height:550px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.7);
    padding:10px;    
}


.hits
{   
	float: left;
	width:200px;
	height:200px;
	padding-right:2px;
	padding-left:2px;	
	
}
.hits-title
{
    width:auto;
    text-align:center;
    font-size:15px;
    height:20px;
    padding:10px;
    margin-bottom:10px;
    background-color: #090E1D;
    color: #D7D7D7;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
}
.hits-category
{
    width:auto;
    text-align:center;
    height:20px; 
    padding:4px; 
    font-size:13px;
    
}
.hits-category-name
{
	margin-right:60px;
	margin-top:3px;
    float:right;
    color:#D7D7D7;
    
    
}
.hits-category-image
{
    margin-left:70px;
    float:left;
    
    
}
.hits-content
{
    width:auto;
    text-align:center;    
}

.hits-content a
{
    font-size:20px;   
}

.hits-image
{
    width:auto;
    height:105px;
    margin:2px;
    padding:10px;
  
   
}
.hits-desc
{   
    width:auto;
    margin:2px;
    height:20px;
}
#mainLogin
{
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	width:632px;
    height:350px;
}
#signUp
{
	float:left;
	width:310px;
	height:336px;
	margin-right:6px;
	background-color: rgba(0, 0, 0, 0.7);
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;	
}

#login
{
	float:right;
	width:310px;
	height:336px;	
	margin-left:6px;
	background-color: rgba(0, 0, 0, 0.7);	
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;	
}
.homeloginTitle
{
    border-bottom: 2px solid #D7D7D7;
    font-family: helvetica;
    font-size: 16px;
    line-height: 2em;
    width: 200px;
    margin-left:47px; 
    text-align:center;
    color:#D7D7D7;   
}

#footer	
{
    border-top: 1px solid #E9E9E9;
    clear: both;
    color: #777777;
    margin:0 auto; 
    margin-top: 10px;
    padding: 5px 10px;
    width:1000px;
    font-size:11px;
}


.round {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
}

ul {
    list-style:none outside none;
}


/* user page */
.userContent
{
    margin-top:5px;
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    background-color:#E2FFD5;
    overflow:auto;
}

.userContent img
{
    border:none;
}
.userPhoto
{
    float:left;
    width:450px;
    height:auto;
    padding:10px;
    text-align:center;
}

.userDesc
{
    float:left;
    width:450px;
    height:auto;
    margin-left:50px;
    padding:10px;
}

.userName
{
    width:auto;
    text-align:center;
    font-size:30px; 
    color: #04782D; 
    line-height:2em;
}

.userBio
{
    width:auto;
    font-size:17px;
    margin-top:20px;
    text-align:center;  
}

.userLinks
{
    width:auto;
    padding:10px;
    margin-top:20px;
    text-align:center;    
}

/* signup sayfasi */



#accountPanel
{
    width:600px;
    background-color:#B4C8FF;    
    margin-left: 200px;
    margin-top:20px;
    line-height:2em;
    font-size:14px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
}

#personalPanel
{
    width:600px;
    background-color:#B4C8FF;    
    margin-left: 200px;
    margin-top:20px;
    line-height:2em;
    font-size:14px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
}

#socialPanel
{
    width:600px;
    background-color:#B4C8FF;    
    margin-left: 200px;
    margin-top:20px;
    line-height:2em;
    font-size:14px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
}

#photoPanel
{
    width:800px;
    background-color:#B4C8FF;    
    margin-left: 100px;
    margin-top:20px;
    line-height:2em;
    font-size:14px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
}

#successPanel
{
    width:800px;
    background-color:#B4C8FF;    
    margin-left: 100px;
    margin-top:20px;
    line-height:2em;
    font-size:14px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    color:#090E1D;
}

#changePasswordPanel
{
    background-color:#B4C8FF;    
    margin-left: 100px;
    margin-top:20px;
    line-height:2em;
    font-size:14px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
}


.tdLabel
{
    color: #090E1D;
    float: left;.
    font-weight: bold;
    padding-top: 10px;
    text-align: right;
    width: 140px;
}
.content .texts
{
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #010E33;
    width:200px;
    margin:10px 0 10px 0px;
}

.button
{
    clear:both;
    width:125px;
    height:31px;
    background-color:#090E1D;
    color:#FFFFFF;
    font-weight:bold;
    border:none;
    margin:10px 0 10px 0;
    cursor:pointer;
}

.button:hover
{
    clear:both;
    width:125px;
    height:31px;
    background-color:#003860;
    color:#FFFFFF;
    font-weight:bold;
    border:none;
}

.content .select
{
    font-size:13px;
    padding:4px 2px;
    border:solid 1px #010E33;
    width:200px;
    margin:10px 0 10px 0px;
}

#loginPanel
{
    width:400px;
    background-color:#B4C8FF;    
    margin-left: 300px;
    margin-top:20px;
    line-height:2em;
    font-size:14px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
}

#accountNavPanel
{
    background-color:#E2FFD5;    
    margin-top:93px;
    line-height:2em;
    font-size:14px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    float:left;
    width:320px;
}

#accountNavPanel li
{
    width:230px;
    line-height:3em;
    border-bottom:solid 1px #010E33;
}

#accountNavPanel a
{
    font-size:16px;
    color:#04782D;
    font-weight:bold;
}

#accountNavPanel li:hover
{
    width:230px;
    line-height:3em;
    border-bottom:solid 1px #010E33;
    background-color:#9FD487;
}

.statsHeader
{
    border-bottom: 2px solid #000000;
    font-family: helvetica;
    font-size: 20px;
    line-height: 2em;
    margin-left: 250px;
    padding-top: 30px;
    text-align: center;
    width: 500px;
}

.statsCount
{
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    background-color: #333333;
    color: #FFFFFF;
    font-size: 50px;
    height: 100px;
    min-width: 150px;
    float:left;
    margin-left:50px;   
    margin-top:65px;
}

.homeSignup
{
    width:350px;
   /* background-color:#B4C8FF;*/    
    margin-top:20px;
    font-size:12px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    /*border:1px solid #090E1D;*/
}

.homeSignupTitle
{
    border-bottom: 2px solid #D7D7D7;
    font-family: helvetica;
    font-size: 16px;
    line-height: 2em;
    text-align: center;
    width: 200px;
    margin-left:75px;    
    color:#D7D7D7;
}

.homeSigunptdLabel
{
    color: #D7D7D7;
    font-weight: bold;
    padding-top: 10px;
    text-align: right;
}
.homeSignup .texts
{
    font-size:11px;
    padding:4px 2px;
    border:solid 1px #010E33;
    width:200px;
    margin:10px 0 10px 0px;
    height:13	px;
}


.homeSignup .select
{
    font-size:13px;
    padding:4px 2px;
    border:solid 1px #010E33;
    width:200px;
    margin:10px 0 10px 0px;
}

.homeSignupButton
{
    clear:both;
    width:100px;
    height:31px;
    background-color:#090E1D;
    color:#FFFFFF;
    font-weight:bold;
    border:none;
    cursor:pointer;
}

.homeSignupButton:hover
{
    clear:both;
    width:100px;
    height:31px;
    background-color:#003860;
    color:#FFFFFF;
    font-weight:bold;
    border:none;
    
}

.searchInput
{
    float:left;
    margin-left:60px;
}

.searchResultsMain
{
    width:1000px;
    padding:10px;
    overflow:auto;
    margin:0 auto;
    
}

.searchResultsMain .searchs
{
    float: left;
    height: 250px;
    margin: 10px;
    width: 300px; 
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    background-color:#F4F8FF;
}

.searchs-category
{
    width:auto;
    text-align:center;
    height:20px; 
    padding:4px; 
    font-size:13px;
}
.searchs-content
{
    width:auto;
    text-align:center;    
}

.searchs-content a
{
    font-size:20px;   
}

.searchs-image
{
    width:auto;
    height:175px;
    margin:2px;
    padding:10px;
   
}
.searchs-desc
{   
    width:auto;
    margin:2px;
    height:20px;
}

#error-404 {
    margin: 2em auto 0;
    width: 630px;
}
#error-404 img {
    float: left;
    margin: 0 55px 0 0;
}
#error-message {
    float: left;
    margin: 1.5em 0 0;
    width: 298px;
}
#error-message h1 {
    color: #000000;
    font-size: 171.42%;
    margin-bottom: 0.5em;
}

#error-message p {
    color: #000000;
    font-size: 14px;
    line-height:2em;
}

#infoLink a {
    float:left;
    margin-right:2px;
    margin-left:3px;
}
#infoLink a img {
    border:none;
}


ul.fontselector {
  background: white;
  border: 1px solid #ccc;
  border-top: 0;
  font-size: 17px;
  float: left;
  list-style: none;
  margin: 0;
  padding:0;
  line-height: 1.2;
  z-index:    10;
  position:   absolute;
  overflow:scroll;
  overflow-x:hidden;
  height:350px;
}
ul.fontselector li {
  margin:   0;
  padding:  0;
  list-style: none;
}
ul.fontselector a {
  display:    block;
  padding:    3px;
  color:      black;
  text-decoration: none;
}
ul.fontselector a:hover {
  background: #ddd;
  cursor:     pointer;
}
 button{border:0; margin:0; padding:0;}
        .spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:1000px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:28px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:17px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
font-size:18px;
text-align:right;
width:180px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:15px;
font-weight:normal;
text-align:right;
width:180px;
}
#stylized .text{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:270px;
margin:9px 0 20px 10px;
}
#stylized .select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:283px;
margin:9px 0 20px 10px;
}
#stylized .button{
clear:both;
margin-left:50px;
margin-top:4px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#draggable .text
{
    width:200px;
    border:1px solid #cccccc;
    padding:3px;  
}
#draggable .textLong
{
    width:300px;
    border:1px solid #cccccc;
    padding:3px;  
}
#draggable .heading
{
    text-shadow: 0px 1px 3px #555; 
    text-transform:uppercase;
    font-weight:bold;
}

#draggable .label
{
    font-size:14px;
    font-weight: bold;
    margin-right: 30px;
}

#draggable hr
{
    color:#d1c7ac;
    margin-bottom:30px;
    margin-top:30px;
}

#background tr
{
    height:50px;
}

#services img:hover
{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}

#infoLink img:hover
{
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}


.btnFbComment
{
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ECEEF5;
    background-image: none;
    background-origin: padding-box;
    border-radius: 3px;
    border-collapse: collapse;
    color: #3B5998;
    cursor: pointer;
    direction: ltr;
    float: left;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    height: 24px;
    line-height: normal;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    unicode-bidi: normal;
    width: 70px;
    zoom: 1;    
}

.btnFbComment:hover
{
    border-style:solid;
    border-color:#9DACCE;
    border-width:1px;
    width: 70px;
}

.twitter-share-button 
{ 
    vertical-align:top;
    width:100px !important;                    
}

#___plusone_0
{
    vertical-align:top !important; 
    width:70px !important;  
}